<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.t1{
				height: 300px;
				width: 400px; 
				color: red;
			}
			
			.c2{
				font-family: "叶根友毛笔行书2.0版";
				color: green;
				font-size: 90px;
			}
			
			
			.c1{
				border:5px groove goldenrod;
				border-radius: 40%;
				text-align: center;
				vertical-align: middle;
				line-height: 300px;
			}
			
		</style>
	</head>
	<body>
		<p>
			class 样式是同时有多个的.
			和定义的顺序有关，和使用顺序无关。。。
		</p>
		<h2 class="t1 c1 c2">
			其实，奶嘴乐挺好的
		</h2>
	</body>
</html>
